<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>推荐链接</title>
	<link rel="stylesheet" href="css/personal_page.css">
</head>
<body>
    <div class="header">
    	<div class="navigation">
    		<a href="index.html">
    		   <img src="images/logo.png" alt="" class="logo">
            </a>
    		<ul class="nav_list_left">
    			<li><a href="about.html" >关于我</a></li>
    			<li><a href="#">我的作品</a></li>
    			<li><a href="#">个人日志</a></li>
    			<li><a href="#">瞎扯淡</a></li>
    			<li><a href="link.html" class="active">推荐链接</a></li>
    		</ul>
    		<ul class="nav_list_right">
    		    <li><a href="entry.html">游客登录</a></li>
    			<li><a href="message.html">留言板</a></li>
    			<li class="search"><img src="images/search.png" alt=""><input type="text" placeholder="Search"></li>
    		</ul>
    	</div>
    	
    </div>
    <div class="container_link">
        <ul class="link_left">
	        <li>
	            <ul class="item_list" id="movie">
                    <div class="link_title">电影链接</div>
	            	<li>光影资源联盟</li>
	            	<li>光影资源联盟</li>
	            	<li>光影资源联盟</li>
	            	<li>光影资源联盟</li>
	            	<li>光影资源联盟</li>
	            	<li>光影资源联盟</li>
	            </ul>
	        </li>
	        <li>
                <ul class="item_list" id="system">
                    <div class="link_title">重装系统</div>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                </ul>
            </li>
	        <li>
                <ul class="item_list" id="WIFI">
                    <div class="link_title">WIFI破解</div>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                </ul>
            </li>
	        <li>
                <ul class="item_list" id="DoVideo">
                    <div class="link_title"> 绘声绘影</div>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                </ul>
            </li>
	        <li>
                <ul class="item_list" id="taobao">
                    <div class="link_title">淘宝模板</div>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                </ul>
            </li>
	        <li>
                <ul class="item_list" id="office">
                    <div class="link_title">办公软件</div>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                </ul>
            </li>
	        <li>
                <ul class="item_list" id="computer">
                    <div class="link_title">计算机一二级</div>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                </ul>
            </li>
	        <li>
                <ul class="item_list" id="another">
                    <div class="link_title">杂七杂八</div>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                    <li>光影资源联盟</li>
                </ul>
            </li>
        </ul>
        <div class="link_right">
        	 <div class="serch"><input type="text" placeholder="search"><span>GO</span></div>
             <div class="data_link">
                  <p>链接地址，点击打开</p>
             </div>
        </div>
    </div>
</body>
   <script src="js/jquery-1.8.3.min.js"></script>
   <script src="js/personal.js"></script>
</html>
